<template>
  <div>
    <blogHead></blogHead>
    <section class="main floatfix">
      <blogAside></blogAside>
      <section class="main-articles articles">
        <section class="main-articles-title">
          <h2>{{ articles[0].articleTitle }}</h2>
          <p>
            <span>作者：{{ articles[0].articleAuthor }}</span>
            <span>发布时间：{{ articles[0].articleTime }}</span>
            <span>浏览量：{{ articles[0].articleClick }}</span>
          </p>
        </section>
        <section class="main-articles-content">
          <p>{{ articles[0].articleContent }}</p>
        </section>
      </section>
    </section>
  </div>
</template>

<script>
import blogHead from "./pub/head.vue";
import blogAside from "./pub/aside.vue";
import "@/assets/css/blog.css";
import qs from "qs";
import axios from "@/assets/api/axios";

export default {
  name: "articleCon",
  data() {
    return {
      articles: [
        {
          articleID: 1,
          articleTitle: "我的你",
          articleAuthor: "snn",
          articleContent: "为你做不可能的事, impossible",
          articleTime: "2018-11-10",
          articleClick: 5
        }
      ]
    };
  },
  components: {
    blogHead,
    blogAside
  }
};
</script>

<style scoped>
</style>
